<!DOCTYPE html>
<html lang="en" xmlns:v-for="http://www.w3.org/1999/xhtml">
  <head>
      <meta charset="UTF-8">
      <title>列表渲染练习</title>
  </head>
  <body>
  <div id="app">
    <table width="400px" border="1px">
      <tr v-for="obj in students" v-if="obj.score >= 60">
        <td>{{obj.id}}</td>
        <td>{{obj.name}}</td>
        <td>{{obj.age}}</td>
        <td>{{obj.score}}</td>
      </tr>
    </table>
  </div>

  <script src="vue.js"></script>
  <script type="text/javascript">
    let vm = new Vue({
      el:"#app",
      data:{
        students:[
          {id:1,name:'jack',age:20,score:100},
          {id:2,name:'mary',age:20,score:50},
          {id:3,name:'smith',age:20,score:80}
        ]
      }
    })
  </script>
  </body>
</html>